<%--
 - Copyright (c) 2009-2011 ETCORE Labs. All rights reserved. 
 - 
 - This software is the confidential and proprietary information of ETCORE Labs. 
 - You shall not disclose such confidential information and shall use it only
 - in accordance with the terms of the license agreement you entered into
 - with ETCORE Labs.
 -
 - Support can be obtained from support forums at:
 - http://www.etcore.com/
 -
 - @author: ETCORE GroupTalk developers
 -
 --%>
<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://jakarta.apache.org/taglibs/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://www.etcore.com/grouptalk" prefix="grouptalk"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><c:out value="${context.title }" /></title>
<link rel="stylesheet" href="/group/css/styles.css" type="text/css">


</head>

<body>
<div
	style="font-size: 12px; height:25px;font-weight: bold; color: #808080; border-bottom: 1px solid #d2d2d4"><c:out
	value="${context.msg_start_following  }" /></div>
 
<div id=focusList style=" vertical-align: top;overflow: hidden; height: 240px;">
<div id=focusContent>
<table cellpadding=2 cellspacing=2 width=100% align=center>
 
	<c:set var="focusCount" value="0" />
	<c:forEach var="focus" items="${focuses }">
		<c:url value="viewUser${context.postfix}" var="fromUserUrl">
			<c:param name="targetUserName" value="${focus.fromUser }" />
		</c:url>
		<c:url value="viewUser${context.postfix}" var="toUserUrl">
			<c:param name="targetUserName" value="${focus.toUser }" />
		</c:url>
		<c:set var="fromUserAvatar" value="${focus.fromUser }_avatar" />
		<c:set var="toUserAvatar" value="${focus.toUser }_avatar" />

			<tr>
	
		<td  style="border-bottom: 1px dashed #d2d4d2">
		<table>
			<tr>
				<td align=center width=60 nowrap><a
					style="font-size: 12px; color: #005EAC"
					href="/group/${fromUserUrl }"><c:if
					test="${not empty requestScope[fromUserAvatar] &&fn:indexOf(requestScope[fromUserAvatar],'upload')!=-1 }">
					<img src="${requestScope[fromUserAvatar]}" width=48 border=0 />
				</c:if><c:if
					test="${empty requestScope[fromUserAvatar]||fn:indexOf(requestScope[fromUserAvatar],'upload')==-1 }">
					<img src="/group/images/avatar/avatar.jpg" width=48 border=0 />
				</c:if></a></td>
				<td width=190
					style="font-size: 12px; color: #808080; white-space: nowrap"><a
					style="font-size: 12px; color: #005EAC"
					href="/group/${fromUserUrl }">${focus.fromUser}</a>
				${context.msg_start_following} <a
					style="font-size: 12px; color: #005EAC" href="/group/${toUserUrl }">${focus.toUser}</a><br />
				${focus.addTime}</td>
				<td align=left nowrap><a
					style="font-size: 12px; color: #005EAC" href="/group/${toUserUrl }"><c:if
					test="${not empty requestScope[toUserAvatar] &&fn:indexOf(requestScope[toUserAvatar],'upload')!=-1 }">
					<img src="${requestScope[toUserAvatar]}" width=48 border=0 />
				</c:if><c:if
					test="${empty requestScope[toUserAvatar]||fn:indexOf(requestScope[toUserAvatar],'upload')==-1 }">
					<img src="/group/images/avatar/avatar.jpg" width=48 border=0 />
				</c:if></a></td>

			</tr>
		</table>
		</td>
	
			</tr>
	
	
	</c:forEach>



</table>
</div>
<div id=focusContent2></div>
&nbsp;
</div>
<script language="javascript"> 
var speed=60;
focusContent2.innerHTML=focusContent.innerHTML 
function focusMarquee(){ 
if(focusContent2.offsetTop-focusList.scrollTop<=0) 
focusList.scrollTop-=focusContent.offsetHeight 
else{ 
focusList.scrollTop++ 
} 
} 
var focusMar=setInterval(focusMarquee,speed); 
focusList.onmouseover=function() {clearInterval(focusMar);} 
focusList.onmouseout=function() {focusMar=setInterval(focusMarquee,speed)} 
</script>

&nbsp;
</body>
</html>

